<template>
    <div class="body">
        <div class="PersonCen_top">
            <img style="width:100%; height:500rpx;" src="@/assets/images/grzxt_01.jpg"/>
            <div class="Cen_tx">
                <img style="width:50px;height:50px;" src="http://www.ouyangke.com/img/logo3.jpg"/>
                <div class="h3">欧阳克</div>
                <button style='width:50%;margin-top:1.5rem;display:none'>登录</button>
            </div>
        </div>
        <div class="PersonCen_end">
            <div class="li a">
                <router-link to="/my_order">
                    <div class="a">
                        <div class="qpxx">我的订单
                            <img style="float: right;margin-top: 14px; display: block;" src="@/assets/images/right.png"/>
                        </div>
                    </div>
                </router-link>
            </div>
            <div class="li a">
                <router-link to="/my_address">
                    <div class="a">
                        <div class="qpxx">我的地址
                            <img style="float: right;margin-top: 14px; display: block;" src="@/assets/images/right.png"/>
                        </div>
                    </div>
                </router-link>
            </div>
        </div>
    </div>
</template>
<style scoped>
.PersonCen_top{ position:relative;  }
.PersonCen_top .Cen_tx{ position: absolute;  text-align: center; width: 100%; top:50%; margin-top: -60px;  }
.PersonCen_top .Cen_tx image{ width: 60px; height: 60px; border-radius: 100%; border: #fff 3px solid; }
.PersonCen_top .Cen_tx .h3{ font-size: 18px; color: #fff;  line-height: 35px; }
.PersonCen_top .Cen_tx .p{ color: #fff; font-size: 14px; }

.PersonCen_a { padding:3%; background: #fff;  font-size: 16px; }
.PersonCen_a .a{ display:block; width: 33%; text-align: center; float: left; padding-top: 30px;  color: #06c1ae; }

.li{ margin-bottom: 2%; background: #fff; }
.li .a{ display: block; padding:0 3%; line-height: 55px; font-size: 16px;  border-bottom: #eeeeee 1px solid; }

.login{
  width: 50%;
  margin-top: 40%;
  margin-left: auto;
  margin-right: auto;
}
.image{
  width: 50%;
  height: 50%;
}
</style>